
<template name="skeleton">
  <view class="sk-container">
    <scroll-view class="data-v-0ca91b30 data-v-0ca91b30" enable-back-to-top="true">
      <view  class="data-v-0ca91b30 data-v-0ca91b30" >
        <view  class="data-v-00e39d40 ShopInfoCard--data-v-00e39d40">
          <view class="uni-card card--uni-card uni-card--shadow card--uni-card--shadow" style="margin:0px;padding:0 10px;box-shadow:0px 0px 3px 1px rgba(0, 0, 0, 0.08);">
            <view class="uni-card__content card--uni-card__content"  style="padding:10px;">
              <view class="shop-info-card ShopInfoCard--shop-info-card data-v-00e39d40 ShopInfoCard--data-v-00e39d40">
                <view class="header-card ShopInfoCard--header-card data-v-00e39d40 ShopInfoCard--data-v-00e39d40">
                  <text class="shop-name ShopInfoCard--shop-name data-v-00e39d40 ShopInfoCard--data-v-00e39d40 sk-transparent sk-text-13-6364-963 sk-text">糊涂餐馆（齐河路店）
</text>
                  <text class="address ShopInfoCard--address data-v-00e39d40 ShopInfoCard--data-v-00e39d40 sk-transparent sk-text-18-1818-640 sk-text">上海市齐河路28弄31号303室</text>
                </view>
                <view class="right ShopInfoCard--right data-v-00e39d40 ShopInfoCard--data-v-00e39d40">
                  <text class="data-v-00e39d40 ShopInfoCard--data-v-00e39d40 sk-transparent sk-opacity">&gt;</text>
                </view>
              </view>
            </view>
            <view class="uni-card__actions card--uni-card__actions" ></view>
          </view>
        </view>
      </view>
      <view class="body body data-v-0ca91b30 data-v-0ca91b30">
        <scroll-view class="left left data-v-0ca91b30 data-v-0ca91b30">
          <view class="data-v-0ca91b30 data-v-0ca91b30">
            <view class="data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6">
              <view class="uni-list list--uni-list uni-border-top-bottom list--uni-border-top-bottom">
                <view  class="data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 vue-ref-in-for MenuCatalogPanel--vue-ref-in-for" 
                  data-ref="listItems">
                  <view class="uni-list-item item--uni-list-item"  hover-class="uni-list-item--hover" style="background-color:#F5F5F5;">
                    <view class="uni-list-item__container item--uni-list-item__container flex--direction item--flex--direction" style="padding-top:;padding-left:;padding-right:;padding-bottom:;">
                      <view class="uni-list-item__header item--uni-list-item__header"></view>
                      <view>
                        <image class="catalog-img MenuCatalogPanel--catalog-img data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-image" mode="aspectFit"></image>
                        <text class="catalog-name MenuCatalogPanel--catalog-name data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-transparent sk-text-14-2857-122 sk-text" style="background-position-x: 50%;">咖啡</text>
                      </view>
                    </view>
                  </view>
                </view>
                <view class="data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 vue-ref-in-for MenuCatalogPanel--vue-ref-in-for" 
                  data-ref="listItems">
                  <view class="uni-list-item item--uni-list-item" hover-class="uni-list-item--hover" style="background-color:#F5F5F5;">
                    <view class="border--left item--border--left"></view>
                    <view class="uni-list-item__container item--uni-list-item__container flex--direction item--flex--direction" style="padding-top:;padding-left:;padding-right:;padding-bottom:;">
                      <view class="uni-list-item__header item--uni-list-item__header"></view>
                      <view>
                        <image class="catalog-img MenuCatalogPanel--catalog-img data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-image" mode="aspectFit"></image>
                        <text class="catalog-name MenuCatalogPanel--catalog-name data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-transparent sk-text-14-2857-388 sk-text" style="background-position-x: 50%;">茶</text>
                      </view>
                    </view>
                  </view>
                </view>
                <view  class="data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 vue-ref-in-for MenuCatalogPanel--vue-ref-in-for" 
                  data-ref="listItems">
                  <view class="uni-list-item item--uni-list-item" hover-class="uni-list-item--hover" style="background-color:#F5F5F5;">
                    <view class="border--left item--border--left"></view>
                    <view class="uni-list-item__container item--uni-list-item__container flex--direction item--flex--direction" style="padding-top:;padding-left:;padding-right:;padding-bottom:;">
                      <view class="uni-list-item__header item--uni-list-item__header"></view>
                      <view>
                        <image class="catalog-img MenuCatalogPanel--catalog-img data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-image" mode="aspectFit"></image>
                        <text class="catalog-name MenuCatalogPanel--catalog-name data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-transparent sk-text-14-2857-479 sk-text" style="background-position-x: 50%;">甜点</text>
                      </view>
                    </view>
                  </view>
                </view>
                <view  class="data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 vue-ref-in-for MenuCatalogPanel--vue-ref-in-for" 
                  data-ref="listItems">
                  <view class="uni-list-item item--uni-list-item"  hover-class="uni-list-item--hover" style="background-color:#F5F5F5;">
                    <view class="border--left item--border--left"></view>
                    <view class="uni-list-item__container item--uni-list-item__container flex--direction item--flex--direction" style="padding-top:;padding-left:;padding-right:;padding-bottom:;">
                      <view class="uni-list-item__header item--uni-list-item__header"></view>
                      <view>
                        <image class="catalog-img MenuCatalogPanel--catalog-img data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-image" mode="aspectFit"></image>
                        <text class="catalog-name MenuCatalogPanel--catalog-name data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-transparent sk-text-14-2857-748 sk-text" style="background-position-x: 50%;">冰淇淋</text>
                      </view>
                    </view>
                  </view>
                </view>
                <view class="data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 vue-ref-in-for MenuCatalogPanel--vue-ref-in-for" 
                  data-ref="listItems">
                  <view class="uni-list-item item--uni-list-item" hover-class="uni-list-item--hover" style="background-color:#F5F5F5;">
                    <view class="border--left item--border--left"></view>
                    <view class="uni-list-item__container item--uni-list-item__container flex--direction item--flex--direction" style="padding-top:;padding-left:;padding-right:;padding-bottom:;">
                      <view class="uni-list-item__header item--uni-list-item__header"></view>
                      <view>
                        <image class="catalog-img MenuCatalogPanel--catalog-img data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-image" mode="aspectFit"></image>
                        <text class="catalog-name MenuCatalogPanel--catalog-name data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-transparent sk-text-14-2857-112 sk-text" style="background-position-x: 50%;">果汁</text>
                      </view>
                    </view>
                  </view>
                </view>
                <view  class="data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 vue-ref-in-for MenuCatalogPanel--vue-ref-in-for"
                  data-ref="listItems">
                  <view class="uni-list-item item--uni-list-item"  hover-class="uni-list-item--hover" style="background-color:#F5F5F5;">
                    <view class="border--left item--border--left"></view>
                    <view class="uni-list-item__container item--uni-list-item__container flex--direction item--flex--direction" style="padding-top:;padding-left:;padding-right:;padding-bottom:;">
                      <view class="uni-list-item__header item--uni-list-item__header"></view>
                      <view>
                        <image class="catalog-img MenuCatalogPanel--catalog-img data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-image" mode="aspectFit"></image>
                        <text class="catalog-name MenuCatalogPanel--catalog-name data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-transparent sk-text-14-2857-591 sk-text" style="background-position-x: 50%;">饮料</text>
                      </view>
                    </view>
                  </view>
                </view>
                <view  class="data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 vue-ref-in-for MenuCatalogPanel--vue-ref-in-for" 
                  data-ref="listItems">
                  <view class="uni-list-item item--uni-list-item"  hover-class="uni-list-item--hover" style="background-color:#F5F5F5;">
                    <view class="border--left item--border--left"></view>
                    <view class="uni-list-item__container item--uni-list-item__container flex--direction item--flex--direction" style="padding-top:;padding-left:;padding-right:;padding-bottom:;">
                      <view class="uni-list-item__header item--uni-list-item__header"></view>
                      <view>
                        <image class="catalog-img MenuCatalogPanel--catalog-img data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-image" mode="aspectFit"></image>
                        <text class="catalog-name MenuCatalogPanel--catalog-name data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-transparent sk-text-14-2857-989 sk-text" style="background-position-x: 50%;">特色饮品</text>
                      </view>
                    </view>
                  </view>
                </view>
                <view class="data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 vue-ref-in-for MenuCatalogPanel--vue-ref-in-for" 
                  data-ref="listItems">
                  <view class="uni-list-item item--uni-list-item"  hover-class="uni-list-item--hover" style="background-color:#F5F5F5;">
                    <view class="border--left item--border--left"></view>
                    <view class="uni-list-item__container item--uni-list-item__container flex--direction item--flex--direction" style="padding-top:;padding-left:;padding-right:;padding-bottom:;">
                      <view class="uni-list-item__header item--uni-list-item__header"></view>
                      <view>
                        <image class="catalog-img MenuCatalogPanel--catalog-img data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-image" mode="aspectFit"></image>
                        <text class="catalog-name MenuCatalogPanel--catalog-name data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-transparent sk-text-14-2857-885 sk-text" style="background-position-x: 50%;">热饮</text>
                      </view>
                    </view>
                  </view>
                </view>
                <view  class="data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 vue-ref-in-for MenuCatalogPanel--vue-ref-in-for" 
                  data-ref="listItems">
                  <view class="uni-list-item item--uni-list-item"  hover-class="uni-list-item--hover" style="background-color:#F5F5F5;">
                    <view class="border--left item--border--left"></view>
                    <view class="uni-list-item__container item--uni-list-item__container flex--direction item--flex--direction" style="padding-top:;padding-left:;padding-right:;padding-bottom:;">
                      <view class="uni-list-item__header item--uni-list-item__header"></view>
                      <view>
                        <image class="catalog-img MenuCatalogPanel--catalog-img data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-image" mode="aspectFit"></image>
                        <text class="catalog-name MenuCatalogPanel--catalog-name data-v-27f9f6b6 MenuCatalogPanel--data-v-27f9f6b6 sk-transparent sk-text-14-2857-671 sk-text" style="background-position-x: 50%;">冷饮</text>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </scroll-view>
        <scroll-view class="right right data-v-0ca91b30 data-v-0ca91b30">
          <view class="body-right-header body-right-header data-v-0ca91b30 data-v-0ca91b30">
            <text class="current-catalog-name data-v-0ca91b30 sk-transparent sk-text-14-2857-422 sk-text">咖啡
</text>
            <text class="current-catalog-desc data-v-0ca91b30 sk-transparent sk-text-14-2857-290 sk-text">各种口味的咖啡</text>
          </view>
          <view class="data-v-0ca91b30 data-v-0ca91b30" >
            <view class="data-v-532d8283 ProductCard--data-v-532d8283">
              <view class="uni-list list--uni-list uni-border-top-bottom list--uni-border-top-bottom">
                <view  class="data-v-532d8283 ProductCard--data-v-532d8283">
                  <view class="uni-list-item item--uni-list-item"  hover-class="true" style="background-color:undefined;">
                    <view class="uni-list-item__container item--uni-list-item__container flex--direction item--flex--direction" style="padding-top:8px;padding-left:8px;padding-right:8px;padding-bottom:8px;">
                      <view class="uni-list-item__header item--uni-list-item__header"></view>
                      <view class="catalog-item ProductCard--catalog-item data-v-532d8283 ProductCard--data-v-532d8283">
                        <image class="data-v-532d8283 ProductCard--data-v-532d8283 sk-image"></image>
                        <view class="catalog-item-info ProductCard--catalog-item-info data-v-532d8283 ProductCard--data-v-532d8283">
                          <view class="catalog-colum ProductCard--catalog-colum data-v-532d8283 ProductCard--data-v-532d8283">
                            <text class="item-name ProductCard--item-name data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-99 sk-text">拿铁</text>
                            <text class="item-desc ProductCard--item-desc data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-773 sk-text">优质咖啡豆搭配顶级牛奶</text>
                          </view>
                          <view class="item-tag ProductCard--item-tag data-v-532d8283 ProductCard--data-v-532d8283">
                          
                          </view>
                          <view class="bottom ProductCard--bottom data-v-532d8283 ProductCard--data-v-532d8283">
                            <text class="item-amout ProductCard--item-amout data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-299 sk-text">$12.00</text>
                            <view  class="data-v-532d8283 ProductCard--data-v-532d8283" >
                              <text class="uni-icons icons--uni-icons uniui-plusempty icons--uniui-plusempty sk-pseudo sk-pseudo-circle"  style="color:#333333;font-size:10px;"></text>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
          <view  class="data-v-0ca91b30 data-v-0ca91b30" >
            <view class="data-v-532d8283 ProductCard--data-v-532d8283">
              <view class="uni-list list--uni-list uni-border-top-bottom list--uni-border-top-bottom">
                <view class="data-v-532d8283 ProductCard--data-v-532d8283">
                  <view class="uni-list-item item--uni-list-item"  hover-class="true" style="background-color:undefined;">
                    <view class="uni-list-item__container item--uni-list-item__container flex--direction item--flex--direction" style="padding-top:8px;padding-left:8px;padding-right:8px;padding-bottom:8px;">
                      <view class="uni-list-item__header item--uni-list-item__header"></view>
                      <view class="catalog-item ProductCard--catalog-item data-v-532d8283 ProductCard--data-v-532d8283">
                        <image class="data-v-532d8283 ProductCard--data-v-532d8283 sk-image"></image>
                        <view class="catalog-item-info ProductCard--catalog-item-info data-v-532d8283 ProductCard--data-v-532d8283">
                          <view class="catalog-colum ProductCard--catalog-colum data-v-532d8283 ProductCard--data-v-532d8283">
                            <text class="item-name ProductCard--item-name data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-861 sk-text">卡布奇诺</text>
                            <text class="item-desc ProductCard--item-desc data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-853 sk-text">意式浓缩咖啡与丝滑牛奶的完美结合</text>
                          </view>
                          <view class="item-tag ProductCard--item-tag data-v-532d8283 ProductCard--data-v-532d8283">
                          </view>
                          <view class="bottom ProductCard--bottom data-v-532d8283 ProductCard--data-v-532d8283">
                            <text class="item-amout ProductCard--item-amout data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-514 sk-text">$15.00</text>
                            <view  class="data-v-532d8283 ProductCard--data-v-532d8283">
                              <text class="uni-icons icons--uni-icons uniui-plusempty icons--uniui-plusempty sk-pseudo sk-pseudo-circle"  style="color:#333333;font-size:10px;"></text>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
          <view  class="data-v-0ca91b30 data-v-0ca91b30" >
            <view class="data-v-532d8283 ProductCard--data-v-532d8283">
              <view class="uni-list list--uni-list uni-border-top-bottom list--uni-border-top-bottom">
                <view  class="data-v-532d8283 ProductCard--data-v-532d8283">
                  <view class="uni-list-item item--uni-list-item" hover-class="true" style="background-color:undefined;">
                    <view class="uni-list-item__container item--uni-list-item__container flex--direction item--flex--direction" style="padding-top:8px;padding-left:8px;padding-right:8px;padding-bottom:8px;">
                      <view class="uni-list-item__header item--uni-list-item__header"></view>
                      <view class="catalog-item ProductCard--catalog-item data-v-532d8283 ProductCard--data-v-532d8283">
                        <image class="data-v-532d8283 ProductCard--data-v-532d8283 sk-image"></image>
                        <view class="catalog-item-info ProductCard--catalog-item-info data-v-532d8283 ProductCard--data-v-532d8283">
                          <view class="catalog-colum ProductCard--catalog-colum data-v-532d8283 ProductCard--data-v-532d8283">
                            <text class="item-name ProductCard--item-name data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-702 sk-text">摩卡</text>
                            <text class="item-desc ProductCard--item-desc data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-743 sk-text">香浓巧克力、浓郁咖啡与奶泡的完美融合</text>
                          </view>
                          <view class="item-tag ProductCard--item-tag data-v-532d8283 ProductCard--data-v-532d8283">
                          </view>
                          <view class="bottom ProductCard--bottom data-v-532d8283 ProductCard--data-v-532d8283">
                            <text class="item-amout ProductCard--item-amout data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-380 sk-text">$18.00</text>
                            <view class="data-v-532d8283 ProductCard--data-v-532d8283" >
                              <text class="uni-icons icons--uni-icons uniui-plusempty icons--uniui-plusempty sk-pseudo sk-pseudo-circle"  style="color:#333333;font-size:10px;"></text>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
          <view  class="data-v-0ca91b30 data-v-0ca91b30">
            <view  class="data-v-532d8283 ProductCard--data-v-532d8283">
              <view class="uni-list list--uni-list uni-border-top-bottom list--uni-border-top-bottom">
                <view  class="data-v-532d8283 ProductCard--data-v-532d8283">
                  <view class="uni-list-item item--uni-list-item"  hover-class="true" style="background-color:undefined;">
                    <view class="uni-list-item__container item--uni-list-item__container flex--direction item--flex--direction" style="padding-top:8px;padding-left:8px;padding-right:8px;padding-bottom:8px;">
                      <view class="uni-list-item__header item--uni-list-item__header"></view>
                      <view class="catalog-item ProductCard--catalog-item data-v-532d8283 ProductCard--data-v-532d8283">
                        <image class="data-v-532d8283 ProductCard--data-v-532d8283 sk-image"></image>
                        <view class="catalog-item-info ProductCard--catalog-item-info data-v-532d8283 ProductCard--data-v-532d8283">
                          <view class="catalog-colum ProductCard--catalog-colum data-v-532d8283 ProductCard--data-v-532d8283">
                            <text class="item-name ProductCard--item-name data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-154 sk-text">美式咖啡</text>
                            <text class="item-desc ProductCard--item-desc data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-293 sk-text">纯粹的咖啡香味</text>
                          </view>
                          <view class="item-tag ProductCard--item-tag data-v-532d8283 ProductCard--data-v-532d8283"></view>
                          <view class="bottom ProductCard--bottom data-v-532d8283 ProductCard--data-v-532d8283">
                            <text class="item-amout ProductCard--item-amout data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-143 sk-text">$22.00</text>
                            <view  class="data-v-532d8283 ProductCard--data-v-532d8283" >
                              <text class="uni-icons icons--uni-icons uniui-plusempty icons--uniui-plusempty sk-pseudo sk-pseudo-circle" style="color:#333333;font-size:10px;"></text>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
          <view  class="data-v-0ca91b30 data-v-0ca91b30" >
            <view  class="data-v-532d8283 ProductCard--data-v-532d8283">
              <view class="uni-list list--uni-list uni-border-top-bottom list--uni-border-top-bottom">
                <view class="data-v-532d8283 ProductCard--data-v-532d8283">
                  <view class="uni-list-item item--uni-list-item"  hover-class="true" style="background-color:undefined;">
                    <view class="uni-list-item__container item--uni-list-item__container flex--direction item--flex--direction" style="padding-top:8px;padding-left:8px;padding-right:8px;padding-bottom:8px;">
                      <view class="uni-list-item__header item--uni-list-item__header"></view>
                      <view class="catalog-item ProductCard--catalog-item data-v-532d8283 ProductCard--data-v-532d8283">
                        <image class="data-v-532d8283 ProductCard--data-v-532d8283 sk-image"></image>
                        <view class="catalog-item-info ProductCard--catalog-item-info data-v-532d8283 ProductCard--data-v-532d8283">
                          <view class="catalog-colum ProductCard--catalog-colum data-v-532d8283 ProductCard--data-v-532d8283">
                            <text class="item-name ProductCard--item-name data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-943 sk-text">浓缩咖啡</text>
                            <text class="item-desc ProductCard--item-desc data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-410 sk-text">浓郁的咖啡香味</text>
                          </view>
                          <view class="item-tag ProductCard--item-tag data-v-532d8283 ProductCard--data-v-532d8283"></view>
                          <view class="bottom ProductCard--bottom data-v-532d8283 ProductCard--data-v-532d8283">
                            <text class="item-amout ProductCard--item-amout data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-500 sk-text">$20.00</text>
                            <view  class="data-v-532d8283 ProductCard--data-v-532d8283">
                              <text class="uni-icons icons--uni-icons uniui-plusempty icons--uniui-plusempty sk-pseudo sk-pseudo-circle"  style="color:#333333;font-size:10px;"></text>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
          <view class="data-v-0ca91b30 data-v-0ca91b30" >
            <view  class="data-v-532d8283 ProductCard--data-v-532d8283">
              <view class="uni-list list--uni-list uni-border-top-bottom list--uni-border-top-bottom">
                <view  class="data-v-532d8283 ProductCard--data-v-532d8283">
                  <view class="uni-list-item item--uni-list-item"  hover-class="true" style="background-color:undefined;">
                    <view class="uni-list-item__container item--uni-list-item__container flex--direction item--flex--direction" style="padding-top:8px;padding-left:8px;padding-right:8px;padding-bottom:8px;">
                      <view class="uni-list-item__header item--uni-list-item__header"></view>
                      <view class="catalog-item ProductCard--catalog-item data-v-532d8283 ProductCard--data-v-532d8283">
                        <image class="data-v-532d8283 ProductCard--data-v-532d8283 sk-image"></image>
                        <view class="catalog-item-info ProductCard--catalog-item-info data-v-532d8283 ProductCard--data-v-532d8283">
                          <view class="catalog-colum ProductCard--catalog-colum data-v-532d8283 ProductCard--data-v-532d8283">
                            <text class="item-name ProductCard--item-name data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-562 sk-text">拿铁玛奇朵</text>
                            <text class="item-desc ProductCard--item-desc data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-318 sk-text">拿铁与玛奇朵的完美结合</text>
                          </view>
                          <view class="item-tag ProductCard--item-tag data-v-532d8283 ProductCard--data-v-532d8283"></view>
                          <view class="bottom ProductCard--bottom data-v-532d8283 ProductCard--data-v-532d8283">
                            <text class="item-amout ProductCard--item-amout data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-9 sk-text">$25.00</text>
                            <view  class="data-v-532d8283 ProductCard--data-v-532d8283">
                              <text class="uni-icons icons--uni-icons uniui-plusempty icons--uniui-plusempty sk-pseudo sk-pseudo-circle" style="color:#333333;font-size:10px;"></text>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
          <view  class="data-v-0ca91b30 data-v-0ca91b30" >
            <view  class="data-v-532d8283 ProductCard--data-v-532d8283">
              <view class="uni-list list--uni-list uni-border-top-bottom list--uni-border-top-bottom">
                <view  class="data-v-532d8283 ProductCard--data-v-532d8283">
                  <view class="uni-list-item item--uni-list-item"  style="background-color:undefined;">
                    <view class="uni-list-item__container item--uni-list-item__container flex--direction item--flex--direction" style="padding-top:8px;padding-left:8px;padding-right:8px;padding-bottom:8px;">
                      <view class="uni-list-item__header item--uni-list-item__header"></view>
                      <view class="catalog-item ProductCard--catalog-item data-v-532d8283 ProductCard--data-v-532d8283">
                        <image class="data-v-532d8283 ProductCard--data-v-532d8283 sk-image"></image>
                        <view class="catalog-item-info ProductCard--catalog-item-info data-v-532d8283 ProductCard--data-v-532d8283">
                          <view class="catalog-colum ProductCard--catalog-colum data-v-532d8283 ProductCard--data-v-532d8283">
                            <text class="item-name ProductCard--item-name data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-376 sk-text">焦糖玛奇朵</text>
                            <text class="item-desc ProductCard--item-desc data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-388 sk-text">香甜焦糖与浓郁咖啡的美妙组合</text>
                          </view>
                          <view class="item-tag ProductCard--item-tag data-v-532d8283 ProductCard--data-v-532d8283"></view>
                          <view class="bottom ProductCard--bottom data-v-532d8283 ProductCard--data-v-532d8283">
                            <text class="item-amout ProductCard--item-amout data-v-532d8283 ProductCard--data-v-532d8283 sk-transparent sk-text-14-2857-52 sk-text">$28.00</text>
                            <view class="data-v-532d8283 ProductCard--data-v-532d8283" ></view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </scroll-view>
      </view>
    </scroll-view>
  </view>
</template>

<script>
	export default{
		name:'OrderSkeleton'
	}
</script>

<style>
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-13-6364-963 {
	    background-image: linear-gradient(transparent 13.6364%, #EEEEEE 0%, #EEEEEE 86.3636%, transparent 0%) !important;
	    background-size: 100% 38.3721rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-18-1818-640 {
	    background-image: linear-gradient(transparent 18.1818%, #EEEEEE 0%, #EEEEEE 81.8182%, transparent 0%) !important;
	    background-size: 100% 38.3721rpx;
	    position: relative !important;
	  }
	.sk-opacity {
	    opacity: 0 !important;
	  }
	.sk-text-14-2857-122 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.3023rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-388 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.3023rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-479 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.3023rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-748 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.3023rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-112 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.3023rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-591 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.3023rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-989 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.3023rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-885 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.3023rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-671 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.3023rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-422 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.0698rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-290 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 19.5349rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-99 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.0698rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-773 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 24.4186rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-345 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 24.4186rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-950 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 24.4186rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-691 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 24.4186rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-813 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 24.4186rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-299 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.0698rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-861 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.0698rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-853 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 24.4186rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-269 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 24.4186rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-484 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 24.4186rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-514 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.0698rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-702 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.0698rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-743 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 24.4186rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-17 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 24.4186rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-380 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.0698rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-154 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.0698rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-293 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 24.4186rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-143 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.0698rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-943 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.0698rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-410 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 24.4186rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-500 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.0698rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-562 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.0698rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-318 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 24.4186rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-9 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.0698rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-376 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.0698rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-52 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.0698rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>